<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="../static/css/bootstrap.min.css" type="text/css" />
		<link rel="stylesheet" href="../static/css/style.css" type="text/css" />
		<script src="../static/js/query.js"></script>
	    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	    <script src="../static/js/bootstrap.min.js"></script>
	    <title>学分绩点 - SYSU 第三方教务系统</title>
	</head>
	<body>
		<header class="navbar navbar-fixed-top">
			<div class="navbar-inner">
				<div class="navbar-menu">
					<ul class="nav">
						<li><a class="small-logo" href="#"></a></li>
						<li><a href="#">总览</a></li>
						<li><a href="#">课程表</a></li>
						<li><a href="#">选课退课</a></li>
						<li class="active"><a href="#">学分绩点</a></li>
					</ul>
					<ul class="nav right-menu">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">吴亮(09388000)<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="#">修改密码</a></li>
								<li><a href="#">评教</a></li>
								<li><a href="#">四六级报名</a></li>
								<li class="divider"></li>
								<li><a href="#">退出</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
  		</header>
  		
  		<div class="row main">
  			<div class="span8">
  				<div class="well well-small">
  					<form class="form-inline" style="margin-bottom:40px">
  						<div style="width:200px;float:left"><h5>成绩查询</h5></div>
						<div class="input-prepend pull-right">
							<span class="add-on">选择学期</span>
							<select class="span3" name="score-year" id="score-year">
              					<option>2009-2010 学期1</option>
              					<option>2009-2010 学期2</option>
              					<option>2009-2010 学期3</option>
              					<option>--------------</option>
              					<option>2010-2011 学期1</option>
              					<option>2010-2011 学期2</option>
              					<option>2010-2011 学期3</option>
              					<option>--------------</option>
              					<option>2011-2012 学期1</option>
              					<option>2011-2012 学期2</option>
              					<option selected="selected">2011-2012 学期3</option>
            				</select>
						</div>
					</form>
					<table class="table table-condensed table-hover">
					<thead>
						<tr><th><span class="label">类型</span> 课程</th><td>学分</td><td>成绩</td><td>绩点</td><td>教学班排名</td></tr>
					</thead>
					<tbody>
						<tr>
							<td><span class="label">专必</span> 系统分析与设计</td>
							<td>3</td>
							<td>82</td>
							<td>3.2</td>
							<td>19 / 74</td>
						</tr>
						<tr>
							<td><span class="label">专必</span> 软件测试技术</td>
							<td>3</td>
							<td>82</td>
							<td>3.2</td>
							<td>19 / 74</td>
						</tr>
						<tr>
							<td><span class="label">专必</span> 计算机图形学</td>
							<td>3</td>
							<td>82</td>
							<td>3.2</td>
							<td>19 / 74</td>
						</tr>
						<tr>
							<td><span class="label">专选</span> IT项目管理</td>
							<td>2</td>
							<td>82</td>
							<td>3.2</td>
							<td>19 / 74</td>
						</tr>
						<tr>
							<td><span class="label">专选</span> 计算机视觉</td>
							<td>2</td>
							<td>82</td>
							<td>3.2</td>
							<td>19 / 74</td>
						</tr>
						<tr class="error-item">
							<td><span class="label label-important">公选</span> 一门不知名的课</td>
							<td>3</td>
							<td>59</td>
							<td>0.9</td>
							<td>74 / 74</td>
						</tr>
						<tr>
							<td><span class="label">公选</span> 石油地质概论</td>
							<td>2</td>
							<td>82</td>
							<td>3.2</td>
							<td>19 / 74</td>
						</tr>
						<tr>
							<th>总览</th>
							<th>15</th>
							<th>82</th>
							<th>3.2</th>
							<th></th>
						</tr>
					</tbody>
				</table>
  				</div>
  			</div>
  			
  			<div class="span8">
  				<div class="well well-small">
  					<h5 style="margin-bottom:10px">学分总览</h5>
  					<table class="table table-hover table-condensed">
  					<thead>
  						<tr><th>类型</th><td>绩点</td><td>学分</td><td></td><td>完成度</td></tr>
  					</thead>
  					<tbody>
  						<tr>
  							<th>公必</th>
  							<td>2.99</td>
  							<td>39 / 42</td>
  							<td><span class="label">-3</span></td>
  							<td><div class="progress progress-striped" style="width:210px"><div class="bar bar-info" style="width: 195px;"></div></div></td>
  						</tr>
  						<tr>
  							<th>专必</th>
  							<td>3.48</td>
  							<td>66 / 79 </td>
  							<td><span class="label">-13</span></td>
  							<td><div class="progress progress-striped" style="width:395px"><div class="bar bar-info" style="width: 330px;"></div></div></td>
  						</tr>
  						<tr>
  							<th>专选</th>
  							<td>3.23</td>
  							<td>24 / 24 </td>
  							<td><span class="label label-success"><i class="icon-ok icon-white"></i></span></td>
  							<td><div class="progress progress-striped" style="width:120px"><div class="bar bar-success" style="width: 120px;"></div></div></td>
  						</tr>
  						<tr>
  							<th>公选</th>
  							<td>3.61</td>
  							<td>16 / 16 </td>
  							<td><span class="label label-success"><i class="icon-ok icon-white"></i></span></td>
  							<td><div class="progress progress-striped" style="width:80px"><div class="bar bar-success" style="width: 80px;"></div></div></td>
  						</tr>
  						<tr>
  							<th>实践</th>
  							<td>0.00</td>
  							<td>0 / 23 </td>
  							<td><span class="label">-23</span></td>
  							<td><div class="progress progress-striped" style="width:115px"><div class="bar bar-info" style="width: 0px;"></div></div></td>
  						</tr>
  						<tr>
  							<th>总览</th>
  							<th>3.40</th>
  							<th>145 / 184 </th>
  							<td><span class="label">-39</span></td>
  							<td><div class="progress progress-striped" style="width:400px"><div class="bar" style="width: 79%;"></div></div></td>
  						</tr>
  					</tbody>
  				</table>
  				</div>
  			</div>
  			
  			<div class="span8">
  				<div class="well well-small">
  					<form class="form-inline" style="margin-bottom:40px">
  						<div style="width:200px;float:left"><h5>成绩分布与绩点换算</h5></div>
						<div class="input-prepend pull-right">
							<span class="add-on">选择学期</span>
							<select class="span3" name="score-year" id="score-year">
								<option selected="selected">总览</option>
								<option>--------------</option>
              					<option>2009-2010 学期1</option>
              					<option>2009-2010 学期2</option>
              					<option>2009-2010 学期3</option>
              					<option>--------------</option>
              					<option>2010-2011 学期1</option>
              					<option>2010-2011 学期2</option>
              					<option>2010-2011 学期3</option>
              					<option>--------------</option>
              					<option>2011-2012 学期1</option>
              					<option>2011-2012 学期2</option>
              					<option>2011-2012 学期3</option>
            				</select>
						</div>
					</form>
  				</div>
  			</div>
  			
  		</div>


  		<div class="row align-center">
  			<div class="footer span8 intro">
  				<p>Designed and built by: <a href="#">Maple</a> · <a href="#">L-Ng</a> · <a href="#">TXX</a> · <a href="#">Will404</a><br/>
  					Special thanks to <a href="#">Kitty钱</a> for her photographs.<br/>
	  				<a href="#">关于项目</a> · <a href="#">在Github上查看</a> · <a href="#">iOS客户端</a> · <a href="#">向我们捐赠</a>
	  			</p>
  				<p>Licensed under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/cn/">CC BY-NC-ND 3.0 CN</a>.</p>
  			</div>
  		</div>
  	</body>
</html>